<template>
	<view class="container">
		<view class="box border_bottom_ef" v-for="(item, index) in billList" :key="index">
			<view class="left">
				<text class="font30">{{item.title}}</text>
				<text class="date color_title m_t6">{{item.date}}</text>
			</view>
			<view class="right font36 colorred">
				{{item.money}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				billList:[{
					"title": "点击广告返回红包",
					"date": "2019-05-31",
					"money": "+5"
				},{
					"title": "点击广告返回红包",
					"date": "2019-05-31",
					"money": "+0.5"
				},{
					"title": "点击广告返回红包",
					"date": "2019-05-30",
					"money": "+2.88"
				},{
					"title": "点击广告返回红包",
					"date": "2019-05-29",
					"money": "+8.88"
				},{
					"title": "点击广告返回红包",
					"date": "2019-05-28",
					"money": "+18.88"
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		display: flex;
		flex-direction: column;
		align-items: center;
		border-top: 1upx solid #EFEFF0;
		
		.box {
			width: 90%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 20upx 0;
			
			.left{
				display: flex;
				flex-direction: column;
				justify-content: center;
				
				.date {
					font-size: 24upx;
				}
			}
		}
	}
</style>
